<?php
//======================================================================================
//
// Function: Maintain WAMMP950
//
// Programmer: JKJ
// Date : 2024-11-02
//
// Copyright Reeft A/S (c) - 2024
//======================================================================================
// https://stackoverflow.com/questions/56062658/clicking-programmatically-on-the-arrows-of-html-inputs-type-number
//======================================================================================
// Get input
//======================================================================================
if (isset($_REQUEST["lilin"])) {
$input_lilin = $_REQUEST["lilin"];
} else {
$input_lilin = '';
}
//======================================================================================
// Make line uppercase
//======================================================================================
$input_lilin = strtoupper( $input_lilin );
//======================================================================================
// General config
//======================================================================================
include "config/config.php";
//======================================================================================
// Check if user is logged in?
//======================================================================================
include "login_check.php";
//======================================================================================
// Get session variables
//======================================================================================
include "include/getsession.php";
// include "include/uuid_create.php";
// include "include/generate_password_md5.php";
//======================================================================================
// Set language
//======================================================================================
include "include/set_language.php";
//======================================================================================
// Set defaults
//======================================================================================
// $pk_reference = $_SESSION['session_dft_pk_reference'];
// $referenceCode = $_SESSION['session_dft_referencecode'];
// $referenceName = $_SESSION['session_dft_referencename'];
//======================================================================================
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title><?php echo $datahub_text0001 ?></title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="REEFTvisual - Stoptime">
<meta name="author" content="REEFT A/S">
<link rel="icon" href="images/favicon/favicon.ico">
<!-- Bootstrap / jQuery -->
<link href="css/bootstrap4.3.1/css/bootstrap.custom.min.css" rel="stylesheet">
<link href="css/bootstrap4.3.1/css/themes/bootstrap.custom.min.css" rel="stylesheet">
<link href="css/bootstrap4.3.1/css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/sticky-footer.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="css/custom.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script src="css/fontawesome6.5.1/js/all.min.js"></script>
<script src="css/fontawesome6.5.1/js/sharp-light.min.js"></script>
<script src="css/fontawesome6.5.1/js/sharp-regular.min.js"></script>
<script src="css/fontawesome6.5.1/js/sharp-solid.min.js"></script>
<script src="css/fontawesome6.5.1/js/sharp-thin.min.js"></script>
<link href="css/bootstrap_animation/css/animate4/animate.css" rel="stylesheet" type="text/css">
<!--<link href="javascript/chosen/chosen.css" rel="stylesheet" type="text/css">-->
<link href="javascript/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
<script src="javascript/jquery.js"></script>
<script src="css/bootstrap4.3.1/js/popper.js"></script>
<script src="css/bootstrap4.3.1/js/bootstrap.min.js"></script>
<script src="javascript/jquery-ui/jquery-ui.min.js"></script>
<script src="javascript/jquery.ui.touch-punch.min.js"></script>
<link href="javascript/bgrins-spectrum/spectrum.css" rel="stylesheet" type="text/css">
<script src="javascript/bgrins-spectrum/spectrum.js"></script>
<script src="javascript/moment.min.js"></script>
<script src="javascript/moment-with-locales.min.js"></script>
<script src="javascript/moment-duration-format.min.js"></script>
<script src="javascript/number_format/jquery.number.min.js"></script>
<script src="javascript/jquery.scrollTo.min.js"></script>
<link href="javascript/daatatables/media/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css">
<link href="javascript/daatatables/media/css/fixedHeader.dataTables.min.css" rel="stylesheet" type="text/css">
<link href="javascript/daatatables/Buttons-1.4.2/css/buttons.dataTables.min.css" rel="stylesheet" type="text/css">
<script src="javascript/daatatables/media/js/jquery.dataTables.min.js"></script>
<script src="javascript/daatatables/media/js/dataTables.fixedHeader.min.js"></script>
<script src="javascript/daatatables/Buttons-1.4.2/js/dataTables.buttons.min.js"></script>
<script src="javascript/daatatables/Buttons-1.4.2/js/buttons.flash.min.js"></script>
<script src="javascript/daatatables/JSZip-2.5.0/jszip.min.js"></script>
<script src="javascript/daatatables/pdfmake-0.1.53/pdfmake.min.js"></script>
<script src="javascript/daatatables/pdfmake-0.1.53/vfs_fonts.js"></script>
<script src="javascript/daatatables/Buttons-1.4.2/js/buttons.html5.min.js"></script>
<script src="javascript/daatatables/Buttons-1.4.2/js/buttons.print.min.js"></script>
<script src="javascript/chosen/chosen.jquery.min.js" type="text/javascript"></script>
<script src="javascript/viewer-master/dist/viewer.min.js"></script>
<link href="javascript/viewer-master/dist/viewer.min.css" rel="stylesheet">
<script src="javascript/ajaxq/ajaxq.js"></script>
<link id="scrollUpTheme" rel="stylesheet" href="javascript/scrollup-master/dist/css/themes/image.css">
<script src="javascript/scrollup-master/dist/jquery.scrollUp.js"></script>
<script src="javascript/shortcut.js"></script>
<script src="javascript/_reeft_js/set_font_awesome_icon_type.js"></script>
<script src="javascript/_reeft_js/date_convert.js"></script>
<style>
.prodid-flow-icon-class:hover, .moa-list-icon-class:hover {
color:black;
background-color: #337AB7;
border-width:1px !important;
border-color:black !important;
}
.click-error-moa {
color:black;
background-color: HotPink;
border-width:1px !important;
border-color:black !important;
}
.click-highlight-moa {
color:black;
background-color: CornflowerBlue;
border-width:1px !important;
border-color:black !important;
}
.click-highlight-moa-icon {
color: CornflowerBlue;
}
.modal-body {
max-height: calc(100vh - 143px);
overflow-y: auto; }
.btn-custom-wide {
height:60px;
width:210px;
}
.modal-xxl {
max-width: 80%;
}
.modal-xl {
max-width: 50%;
}
.border-3 {
border-width:3px !important;
}
td .hover-img {
position:relative;
}
td .hover-img span {
position:absolute; left:-9999px; top:-9999px; z-index:9999;
}
td:hover .hover-img span {
top: 5px;
left:0px;
}
.chosen-container-single {
min-width: 100%;
}
</style>
<script language="JavaScript">
//=============================================================================
// Globals
//=============================================================================
var myCurrentRow;
var myGlobalRowData;
var myGlobalTableData;
var global_debug = 'N';
// Add allowed Y/N
var GLOBAL_ADD_ALLOWED = 'N';
// Delete allowed Y/N
var GLOBAL_DELETE_ALLOWED = 'N';
var jsonDataSave = {};
var DFT_DATE_DISPLAY_FORMAT = '<?php //echo $DFT_DATE_DISPLAY_FORMAT ?>';
var DFT_LANGUAGE = '<?php //echo $DFT_LANGUAGE ?>';
var GLOBAL_TOTALPAGESSTOPVALUE = 10;
// Save field
var save_LILIN = '';
var save_WXPID = '';
$(function () {
$.scrollUp({
scrollName: 'scrollUp', // Element ID
//topDistance: '1800', // Distance from top before showing element (px)
//topSpeed: 300, // Speed back to top (ms)
scrollDistance: '300', // Distance from top before showing element (px)
scrollSpeed: 300, // Speed back to top (ms)
animation: 'fade', // Fade, slide, none
animationInSpeed: 200, // Animation in speed (ms)
animationOutSpeed: 200, // Animation out speed (ms)
scrollText: false, //'Scroll to top', // Text for element
activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
});
});
//=============================================================================
// Get data - prompter
//=============================================================================
function getDataPrompter( input_lilin, input_goto, input_button_number )
{
if ( input_button_number != '' ) {
$('#input-myCurrentPageCounter').val( input_button_number );
}
// Calculate offset
var myPageGoTo = $('#input-myPageGoTo').val();
var myTotalRecordsFound = $('#input-myTotalRecordsFound').val();
var myTotalPages = $('#input-myTotalPages').val();
var myPageSize = $('#input-myPageSize').val();
if ( myPageSize == '' ) {
myPageSize = '0';
}
let myOffSet = parseInt(myPageSize) * parseInt(input_goto);
// Set offset
$('#input-myPageGoTo').val( input_goto );
$('#input-myOffSet').val( myOffSet );
// Reset, show all
if ( input_lilin == '*RESET' ) {
input_lilin = '';
$('#input-show-next-prodid').val('N');
$('#input-search-line').val('');
$('#page-prev-button, #page-next-button').removeClass('d-none');
$('#input-myBuildPageButtonsFirstTime').val('N');
$('#input-search-arg' ).val( '' );
}
if ( input_lilin != '' ) {
$('#input-search-line').val( input_lilin );
}
// Get some data
getData();
}
//=============================================================================
// Get data
//=============================================================================
function getData()
{
if ( global_debug == 'Y' ) {
console.log("Start");
console.time("answer time");
console.timeLog("answer time");
}
$('#data-result').html('<?php echo $datahub_datatable_Processing ?>').addClass('text-center');
// Get the current search line
var input_lilin = $('#input-search-line').val();
var input_search_arg = $('#input-search-arg').val();
// If data is recieved for a line - show the "next prodid button"
if ( input_lilin != '' ) {
$('#show-from-next-prodid-to-enter-the-line').removeClass('d-none');
} else {
$('#show-from-next-prodid-to-enter-the-line').addClass('d-none');
}
// Get page data
myTotalRecordsFound = $('#input-myTotalRecordsFound').val();
myTotalPages = $('#input-myTotalPages').val();
myPageSize = $('#input-myPageSize').val();
myPageGoTo = $('#input-myPageGoTo').val();
myOffSet = $('#input-myOffSet').val();
myCurrentPageCounter = $('#input-myCurrentPageCounter').val();
myShowNextProdID = $('#input-show-next-prodid').val();
let myButtonOffSetNumber = myPageGoTo;
if ( myButtonOffSetNumber <= 1 || myButtonOffSetNumber == '' ) {
myButtonOffSetNumber = 1
$('#page-prev-button').addClass('d-none');
} else {
//$('#page-prev-button').removeClass('d-none');
}
$('.pagination-badge-class').removeClass('badge-success').addClass('badge-dark');
var selectButtonLineID = 'select-page-button-id-' + myButtonOffSetNumber;
$('#' + selectButtonLineID).removeClass('badge-dark').addClass('badge-success');
//console.log( selectButtonLineID );
myPageSize = 5000;
// Create param list
parmData = 'lilin=' + input_lilin
+ '&myPageGoTo=' + myPageGoTo
+ '&myOffSet=' + myOffSet
+ '&myPageSize=' + myPageSize
+ '&search_arg=' + input_search_arg
+ '&show_next_prodid=' + myShowNextProdID
;
$.ajax({
url: "hub_wa0359_maintain_get.php",
type: "GET",
data: parmData,
dataType: "json",
cache: false,
beforeSend: function( xhr ) {
}
})
.done(function( jsonData ) {
if ( global_debug == 'Y' ) {
console.log("After RPG call");
console.timeLog("answer time");
}
// Save jSon data
jsonDataSave = jsonData;
var myCMPNO = jsonData.header.myCMPNO;
var myCMPNO_Name = jsonData.header.myCMPNO_Name;
var myFile_name = jsonData.header.myFile_name
var myFile_description = jsonData.header.myFile_description
var returnCode = jsonData.header.returnCode;
var returnMsg = jsonData.header.returnMsg;
var entries_found = jsonData.header.entries_found;
var response_sec = jsonData.header.response_sec;
var myTotalRecordsFound = jsonData.header.myTotalRecordsFound;
var myTotalPages = jsonData.header.myTotalPages;
var myPageSize = jsonData.header.myPageSize;
// Set Company and file information
if ( myCMPNO != '' ) {
$('#data-hub-company-information').html( '<span title="' + myFile_name + ' - ' + myFile_description + '">' + myCMPNO_Name + ' (' + myCMPNO + ')' + '</span>' ).css('font-size','1.3em');
}
// Update input fields
$('#input-myTotalRecordsFound').val(myTotalRecordsFound);
$('#input-myTotalPages').val(myTotalPages);
$('#input-myPageSize').val(myPageSize);
// Init button line fields
var HTMLlineButtonsInit = '';
var HTMLlineButtons = '';
var HTMLlineButtonsModal = '';
var selectedButtonClass = 'btn-dark';
// Create line buttons
$.each( jsonData.header_buttons, function( index, object ){
var buttonLine = object.buttonLine;
var buttonCount = object.buttonCount;
var buttonPages = object.buttonPages;
if ( input_lilin == buttonLine ) {
selectedButtonClass = 'btn-success';
} else {
selectedButtonClass = 'btn-dark';
}
var selectButtonLineID = 'select-button-line-id-' + buttonLine;
var selectButtonLineIDmodal = 'select-button-line-id-modal-' + buttonLine;
HTMLlineButtonsInit += '<button type="button" style="cursor:default" id="' + selectButtonLineID + '" class="btn ' + selectedButtonClass + ' select-button-line btn-lg mr-1 mb-1" onclick="execInitScreen(\'' + buttonLine + '\',\'' + '0' + '\',\'' + '' + '\',\'' + buttonPages + '\')">'
+ buttonLine + ' (' + buttonCount + ')'
+ '</button>'
HTMLlineButtons += '<button type="button" style="cursor:default" id="' + selectButtonLineID + '" class="btn ' + selectedButtonClass + ' select-button-line btn-sm mr-1 mb-1" onclick="firstPage(\'' + buttonLine + '\',\'' + '0' + '\',\'' + '' + '\',\'' + buttonPages + '\')">'
+ buttonLine + ' (' + buttonCount + ')'
+ '</button>'
HTMLlineButtonsModal += '<button type="button" style="width:45px" id="' + selectButtonLineIDmodal + '" class="select-button-line-modal btn btn-primary btn-sm mr-1 mb-1" onclick="selectLineModal(\'' + buttonLine + '\')">'
+ buttonLine
+ '</button>'
});
// Add "all button"
// HTMLlineButtons += '<button type="button" id="' + 'all-button-location' + '" class="btn ' + 'btn-primary' + ' btn-sm mr-1 mb-1" onclick="getDataPrompter(\'' + '*RESET' + '\',\'' + '0' + '\',\'' + '' + '\')">'
// + 'ALL'
// + '</button>'
$('#data-result-button-lines-init-screen').html(HTMLlineButtonsInit);
$('#data-result-button-lines').html(HTMLlineButtons);
$('#data-result-button-lines-modal').html(HTMLlineButtonsModal);
// Page x of xxxx
$('#text-current-page').html( myPageGoTo );
// Frist call - create pagination buttons
if ( $('#input-myBuildPageButtonsFirstTime').val() == 'N' ) {
createPaginationButtons()
$('#input-myBuildPageButtonsFirstTime').val('Y');
$('#select-page-button-id-1').removeClass('badge-dark').addClass('badge-success');
$('#input-myPageGoTo').val( 1 );
$('#input-myCurrentPageCounter').val( 1 );
$('#page-prev-button').addClass('d-none');
// Set info fields
$('#text-current-page').html('1');
$('#text-total-records-found').html(myTotalRecordsFound);
$('#text-total-pages').html(myTotalPages);
}
// Hide "next page" if we are overdue
if ( parseInt(myOffSet) > parseInt(myTotalRecordsFound) ) {
$('#page-next-button').addClass('d-none');
} else {
$('#page-next-button').removeClass('d-none');
}
// If there are so few pages that there is not enough to build a page hide all
if ( myTotalPages < GLOBAL_TOTALPAGESSTOPVALUE ) {
$('#page-first-button').addClass('d-none');
$('#page-last-button').addClass('d-none');
$('#page-prev-button').addClass('d-none');
$('#page-next-button').addClass('d-none');
}
// Show load time
$('#load-time-from-database').html('entries found: ' + entries_found + ' (' + response_sec + ')');
// Reset
HTMLline02 = '<table id="REEFTvisual_data" class="table table-bordered table-striped table-hover">';
HTMLline02 += '<thead>'
+ '<tr class="bg-primary text-white font-weight-bold text-center">'
+ '<th class="text-left">'
+ '<?php echo $datahub_text0077 ?>'
+ '</th>'
+ '<th class="text-left">'
+ '<?php echo $datahub_text0023 ?>'
+ '</th>'
+ '<th class="text-left">'
+ '<?php echo $datahub_text0064 ?>'
+ '</th>'
+ '<th class="text-left">'
+ '<?php echo $datahub_text0065 ?>'
+ '</th>'
+ '<th class="text-center">'
+ '<?php echo $datahub_text0068 ?>'
+ '</th>'
+ '<th class="text-center">'
+ '<button id="add-button" title="Shortcut: Alt+F6" onclick="dataAdd(\'' + '0' + '\')" class="d-none btn btn-dark font-weight-bold">' + '<?php echo $datahub_button_save_01 ?>' + '</button>'
+ '</th>'
+ '<th class="text-center">'
+ ''
+ '</th>'
+ '<th class="text-center">'
+ ''
+ '</th>'
+ '</tr>'
+ '</thead>'
+ '<tbody>'
;
$.each( jsonData.detail, function( index, object ){
var counter = object.counter;
var ACTIV = object.ACTIV;
var CMPNO = object.CMPNO;
var LILIN = object.LILIN;
var WXPID = object.WXPID;
var WXREC = object.WXREC;
var WXDTE = object.WXDTE;
var WXMOD = object.WXMOD;
var WXMNR = object.WXMNR;
var WXBTC = object.WXBTC;
var WXGRP = object.WXGRP;
var WXPNC = object.WXPNC;
var WXPRT = object.WXPRT;
var WXPIR = object.WXPIR;
var WXPDT = object.WXPDT;
var WXPTI = object.WXPTI;
var WXSER = object.WXSER;
var WXPIG = object.WXPIG;
var WXSTS = object.WXSTS;
var WXEXD = object.WXEXD;
var WXEXT = object.WXEXT;
if ( WXPRT == 'Y' ) {
var WXPRT_text = '<div class="text-success font-weight-bold"><?php echo $datahub_YES ?></div>';
} else {
var WXPRT_text = '<div class="text-primary font-weight-bold"><?php echo $datahub_NO ?></div>';
}
// Show deleted
var show_deleted = $('#input-show-deleted').val();
if ( show_deleted == 'Y' )
{
var recordOK = 'Y';
} else {
if ( ACTIV == 'N' )
{
var recordOK = 'Y';
} else {
var recordOK = 'N';
}
}
// Show record
if ( recordOK == 'Y' )
{
// Format WXPID
if ( WXPID != '' ) {
WXPID_pretty = formatPRODID(WXPID);
} else {
WXPID_pretty = '-';
}
var icon_id_moa = 'moa-icon-' + WXPID;
var myFlowIcon = '<span class="border border-dark p-1 prodid-flow-icon-class"'
+ ' '
+ 'style="cursor: pointer"'
+ ' '
+ 'title="Show prodid flow"'
+ ' '
+ 'onclick="showProIDFlow('
+ '\''
+ LILIN
+ '\''
+ ','
+ '\''
+ WXPID_pretty
+ '\''
+ ')">'
+'<i class="fa-thin fa-arrow-progress"></i></span>'
;
var myMOAlistIcon = '<span class="border border-dark p-1 moa-list-icon-class"'
+ ' '
+ 'id="' + icon_id_moa + '"'
+ ' '
+ 'style="cursor: pointer"'
+ ' '
+ 'title="Show MOA list for this prodid"'
+ ' '
+ 'onclick="showMOAlist('
+ '\''
+ LILIN
+ '\''
+ ','
+ '\''
+ ''
+ '\''
+ ','
+ '\''
+ WXPID
+ '\''
+ ')">'
+'<i class="fa-thin fa-list"></i></span>'
;
HTMLline02 += '<tr>'
+ '<td class="text-left">'
+ WXREC
+ '</td>'
+ '<td class="text-left">'
+ LILIN
+ '</td>'
+ '<td class="text-left">'
+ '<span class="" title="' + WXPID + '">' + WXPID_pretty + '</span>' + ' ' + myFlowIcon + ' ' + myMOAlistIcon
+ '</td>'
+ '<td class="text-left">'
+ '<span title="counter: ' + counter + '">' + WXDTE + '</span>'
+ '</td>'
+ '<td class="text-center">'
+ '<span title="Field value=' + WXPRT + '">' + WXPRT_text + '</span>'
+ '</td>'
+ '<td>'
+ '<button id="' + LILIN + '_' + WXPID + '" onclick="dataChange(\'' + LILIN + '\',\'' + WXPID + '\')" class="edit-btn btn btn-primary mr-1">' + '<?php echo $datahub_button_edit ?>' + '</button>'
+ '</td>'
+ '<td>'
+ '<button id="' + LILIN + '_' + WXPID + '" onclick="dataDeleteConfirm(\'' + LILIN + '\',\'' + WXPID + '\',\'' + WXDTE + '\')" class="btn btn-danger">' + '<?php echo $datahub_button_delete ?>' + '</button>'
+ '</td>'
+ '<td class="text-left">'
+ WXPRT
+ '</td>'
+ '</tr>'
;
}
});
HTMLline02 += '</tbody>'
+ '</table>'
// Show yourself to the world, you little fvcker
$('#data-result').html(HTMLline02);
if ( global_debug == 'Y' ) {
console.log("After processing json");
console.timeLog("answer time");
}
// Datatables
setDataTables();
if ( global_debug == 'Y' ) {
console.log("After datatables");
console.timeLog("answer time");
}
//-----------------------------------------------------------------------
// Set font awesome icon type
//-----------------------------------------------------------------------
// Value is from config/config.php
var iconType = '<?php echo $DFT_SET_FONT_AWESOME_ICON_TYPE ?>';
setFontAwesomeIconType( iconType );
//-----------------------------------------------------------------------
if ( global_debug == 'Y' ) {
console.log("Done");
console.timeEnd("answer time");
}
//-----------------------------------------------------------------------
// Place cursor
//-----------------------------------------------------------------------
$('#input-search-arg').focus();
//-----------------------------------------------------------------------
// Is add allowed
//-----------------------------------------------------------------------
if ( GLOBAL_ADD_ALLOWED == 'Y' ) {
$('#add-button').removeClass('d-none');
} else {
$('#add-button').addClass('d-none');
}
//-----------------------------------------------------------------------
//-----------------------------------------------------------------------
// Get general takt info
//-----------------------------------------------------------------------
getWorkCenters();
//-----------------------------------------------------------------------
// Show init screen, only if wanted
//-----------------------------------------------------------------------
if ( $('#input-init-screen-shown').val() != 'Y' ) {
showInitScreen();
}
})
.always(function( jsonData ) {
//console.log('I am always..');
})
.fail(function( xhr, ajaxOptions, thrownError ) {
console.log('I am failed..');
console.log( xhr );
$('#data-result').html( '<b>Error retreiving data from the server...</b>' );
});
}
//=============================================================================
// Get TAKT info
//=============================================================================
function getWorkCenters()
{
var myLine = $('#input-search-line').val();
var input_lilin = $('#input-search-line').val();
myWorkCenterData = '';
$('#data-result-takt-info').html('<?php echo $datahub_datatable_Processing ?>').addClass('text-center');
// Get the current search arg
var input_search_arg = $('#input-search-arg').val();
// Create param list
parmData = 'input_lines=' + myLine
+ '&search_arg=' + input_search_arg
;
$.ajax({
url: "get_takt_info.php",
type: "GET",
data: parmData,
dataType: "json",
cache: false,
beforeSend: function( xhr ) {
}
})
.done(function( jsonData ) {
var myCMPNO = jsonData.header.myCMPNO;
var myCMPNO_Name = jsonData.header.myCMPNO_Name;
var myFile_name = jsonData.header.myFile_name
var myFile_description = jsonData.header.myFile_description
var returnCode = jsonData.header.returnCode;
var returnMsg = jsonData.header.returnMsg;
var entries_found = jsonData.header.entries_found;
var response_sec = jsonData.header.response_sec;
$.each( jsonData.detail, function( index, object ){
var LINE = object.LINE;
if ( LINE == myLine ) {
var counter = object.counter;
var REEFT_LINE = object.REEFT_LINE;
var LINENAME = object.LINENAME;
var FIRST_WC = object.FIRST_WC;
var FIRST_WORKCENTER = object.FIRST_WORKCENTER;
var LAST_WC = object.LAST_WC;
var LAST_WORKCENTER = object.LAST_WORKCENTER;
var WORKCENTERS = object.WORKCENTERS;
// Create workcenter line
myWorkCenterData = '<span class="font-weight-bold mr-2">' + LINENAME + '</span> : ';
$.each(object.wc, function( i, wc){
var WC_COUNTER = wc.WC_COUNTER;
var WORKCENTER = wc.WORKCENTER;
myWorkCenterData += '<button type="button" class="btn btn-primary btn-sm mr-1 workcenter-class"'
+ ' '
+ 'id="' + WORKCENTER +'"'
+ ' '
+ 'onclick="selectWorkCenter('
+ '\''
+ WORKCENTER
+ '\''
+ ')">'
+ ' '
+ WORKCENTER
+ '</button> ';
});
}
});
// Set marker to select a workcenter
if ( entries_found > 0 ) {
myWorkCenterData += '<span id="workcenter-message"><?php echo $datahub_text0136 ?></span> <span id="workcenter-message-help-icon" onclick="highlightMOAicons()"><i class="fa-solid fa-circle-info text-dark"></i></span>';
$('.moa-list-icon-class').removeClass('d-none');
$('#data-result-workcenters').removeClass('border-danger').addClass('border-primary');
} else {
myWorkCenterData = '<?php echo $datahub_text0137 ?>';
$('.moa-list-icon-class').addClass('d-none');
$('#data-result-workcenters').removeClass('border-primary').addClass('border-danger');
}
// Show data
$('#data-result-workcenters').html( myWorkCenterData );
//-----------------------------------------------------------------------
// If no workcenters found - hide Show MOA list icon
//-----------------------------------------------------------------------
if ( entries_found == 0 ) {
} else {
}
//-----------------------------------------------------------------------
// Set font awesome icon type
//-----------------------------------------------------------------------
// Value is from config/config.php
var iconType = '<?php echo $DFT_SET_FONT_AWESOME_ICON_TYPE ?>';
setFontAwesomeIconType( iconType );
//-----------------------------------------------------------------------
})
.always(function( jsonData ) {
//console.log('I am always..');
})
.fail(function( xhr, ajaxOptions, thrownError ) {
console.log('I am failed..');
console.log( xhr );
$('#data-result').html( '<b>Error retreiving data from the server...</b>' );
});
}
//=============================================================================
// Set datatables
//=============================================================================
function setDataTables()
{
// Delete allowed?
GLOBAL_DELETE_ALLOWED = 'N';
if ( GLOBAL_DELETE_ALLOWED == 'Y' ) {
var show_the_delete_button = true;
} else {
var show_the_delete_button = false;
}
$('#REEFTvisual_data').DataTable({
"responsive": true,
"fixedHeader": true,
"lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
"iDisplayLength": 25,
"processing": true,
//"dom": '',
"dom": 'lfi<bottom>Bp<"clear">',
"order": [[ 0, "asc" ]],
"columnDefs": [
{
"targets": [ 5 ],
"visible": true,
"searchable": false,
"orderable": false
},
{
"targets": [ 6 ],
"visible": show_the_delete_button,
"searchable": false,
"orderable": false
},
{
"targets": [ 7 ],
"visible": false,
"searchable": false,
"orderable": false
}
],
"language":
{
"sProcessing": "<?php echo $datahub_datatable_Processing ?>",
"sLengthMenu": "<?php echo $datahub_datatable_LengthMenu ?>",
"sZeroRecords": "<?php echo $datahub_datatable_ZeroRecords ?>",
"sInfo": "<?php echo $datahub_datatable_Info ?>",
"sInfoEmpty": "<?php echo $datahub_datatable_InfoEmpty ?>",
"sInfoFiltered": "<?php echo $datahub_datatable_InfoFiltered ?>",
"sInfoPostFix": "<?php echo $datahub_datatable_InfoPostFix ?>",
"sLoadingRecords": "<?php echo $datahub_datatable_Processing ?>",
"sSearch": "<?php echo $datahub_datatable_Search ?>",
"sUrl": "<?php echo $datahub_datatable_Url ?>",
"oPaginate": {
"sFirst": "<?php echo $datahub_datatable_First ?>",
"sPrevious": "<?php echo $datahub_datatable_Previous ?>",
"sNext": "<?php echo $datahub_datatable_Next ?>",
"sLast": "<?php echo $datahub_datatable_Last ?>"
}
},
"rowCallback": function(row, data, index)
{
},
"preDrawCallback": function(settings)
{
},
"initComplete": function ()
{
},
"buttons": [
{
extend: 'pdf',
text: '<img src="images/pdf_logo.png" height="25"> PDF',
orientation: 'landscape',
title: 'HUB_WA0359 - Data Export - PDF',
exportOptions: {
columns: [0,1,2,3,4],
modifier: {
page: 'all'
}
}
},
{
extend: 'excel',
text: '<img src="images/microsoft_excel_logo.png" height="25"> Excel',
title: 'HUB_WA0359 Data Export - Excel',
exportOptions: {
// Fields to export (https://datatables.net/reference/button/csv#Examples)
columns: [0,1,2,3,4]
}
},
{
extend: 'copy',
text: '<img src="images/copy.png" height="25"> Copy to Clipboard',
title: 'HUB_WA0359 Data Export - Copy',
exportOptions: {
// Fields to export (https://datatables.net/reference/button/csv#Examples)
columns: [0,1,2,3,4]
}
},
]
});
//=============================================================================
// Setup the data to be able to update the table without reloading from the server
//=============================================================================
// Save the table in a global variable
myGlobalTableData = $('#REEFTvisual_data').DataTable();
// Handle click on "Edit" button
$('#REEFTvisual_data tbody').on('click', '.edit-btn', function() {
myCurrentRow = $(this).closest('tr');
myGlobalRowData = myGlobalTableData.row(myCurrentRow).data();
// Debug
// console.log(myGlobalRowData);
// console.log(myCurrentRow);
});
//=============================================================================
}
//=============================================================================
// Show init screen
//=============================================================================
function showInitScreen ()
{
// Show modal
$('#wa0359_InitModal').modal('show');
$('#input-init-screen-shown').val('Y');
}
//=============================================================================
// Exec init screen
//=============================================================================
function execInitScreen( input_lilin, input_goto, input_button_number, input_totalPages )
{
// Execute init screen
firstPage(input_lilin, input_goto, input_button_number, input_totalPages);
// Close init modal
closeInitScreen();
}
//=============================================================================
// Close init screen
//=============================================================================
function closeInitScreen ()
{
// Close modal
$('#wa0359_InitModal').modal('hide');
// Show to world
$('.data-result-wrapper-class').removeClass();
}
//=============================================================================
// Cancel init screen and return to menu
//=============================================================================
function cancelInitScreen ()
{
$('#button-exit-button').click();
}
//=============================================================================
// Scroll page - Previous
//=============================================================================
function scrollPagePrev( input_action )
{
// Calculate offset
var myPageGoTo = $('#input-myPageGoTo').val();
var myTotalRecordsFound = $('#input-myTotalRecordsFound').val();
var myTotalPages = $('#input-myTotalPages').val();
var myPageSize = $('#input-myPageSize').val();
$('#input-saveMyDirection').val( input_action );
var myCurrentPageCounter = $('#input-myCurrentPageCounter').val();
myCurrentPageCounter = parseInt(myCurrentPageCounter) - 1 ;
if (myCurrentPageCounter < 1 ) {
myCurrentPageCounter = 0;
}
myPageGoTo = parseInt(myPageGoTo) - 1;
if ( myPageGoTo <= 0 ) {
myPageGoTo = 0;
}
//console.log('----->' + myCurrentPageCounter + ' ' + GLOBAL_TOTALPAGESSTOPVALUE);
// Create button behind
if ( myCurrentPageCounter == 0 ) {
createPaginationButtons();
$('#input-myCurrentPageCounter').val( GLOBAL_TOTALPAGESSTOPVALUE );
} else {
$('#input-myCurrentPageCounter').val( myCurrentPageCounter );
}
if ( myPageGoTo <= 1 ) {
console.log('I am one....')
$('#input-myCurrentPageCounter').val( 1 );
$('#page-prev-button').addClass('d-none');
}
$('#input-myPageGoTo').val( myPageGoTo );
// Get me some data
getDataPrompter('',myPageGoTo,'');
}
//=============================================================================
// Scroll page - Next
//=============================================================================
function scrollPageNext( input_action )
{
// Calculate offset
var myPageGoTo = $('#input-myPageGoTo').val();
var myTotalRecordsFound = $('#input-myTotalRecordsFound').val();
var myTotalPages = $('#input-myTotalPages').val();
var myPageSize = $('#input-myPageSize').val();
$('#input-saveMyDirection').val( input_action );
$('#page-prev-button').removeClass('d-none');
// Next page
var myCurrentPageCounter = $('#input-myCurrentPageCounter').val();
myCurrentPageCounter = parseInt(myCurrentPageCounter) + 1 ;
// $('.pagination-badge-class').removeClass('badge-success').addClass('badge-dark');
// var selectButtonLineID = 'select-page-button-id-' + myCurrentPageCounter;
// $('#' + selectButtonLineID).removeClass('badge-dark').addClass('badge-success');
// console.log( selectButtonLineID );
// Next page
myPageGoTo = parseInt(myPageGoTo) + 1;
if ( myPageGoTo >= myTotalPages ) {
myPageGoTo = myTotalPages;
}
//console.log(myCurrentPageCounter + ' ' + GLOBAL_TOTALPAGESSTOPVALUE)
// Create button ahead
if ( myCurrentPageCounter > GLOBAL_TOTALPAGESSTOPVALUE ) {
$('#input-saveMyCurrentPageCounter').val( myPageGoTo - 1 );
myCurrentPageCounter = 1;
createPaginationButtons();
}
// // Create button behind
// if ( myCurrentPageCounter == 0 ) {
// createPaginationButtons();
// }
$('#input-myCurrentPageCounter').val( myCurrentPageCounter );
$('#input-myPageGoTo').val( myPageGoTo );
// Get me some data
getDataPrompter('',myPageGoTo,'');
}
//=============================================================================
// Create pagination buttons
//=============================================================================
function createPaginationButtons()
{
// Update input fields
var myTotalRecordsFound = $('#input-myTotalRecordsFound').val();
var myTotalPages = $('#input-myTotalPages').val();
var myPageSize = $('#input-myPageSize').val();
var myPageGoTo = $('#input-myPageGoTo').val();
// Check if there is enought for at whole series of buttons?
if ( myTotalPages > GLOBAL_TOTALPAGESSTOPVALUE ) {
myLoop = GLOBAL_TOTALPAGESSTOPVALUE;
//$('#page-prev-button, #page-next-button').removeClass('d-none');
} else {
//$('#page-prev-button, #page-next-button').addClass('d-none');
myLoop = myTotalPages;
}
// Init button line fields
var HTMLPaginationButtons = '';
var selectedButtonClass = 'btn-dark';
var myNumber = myPageGoTo;
var i_am_button_number = 0;
// Get last direction
let myLastDirection = $('#input-saveMyDirection').val();
if ( myLastDirection == '*PREV' ) {
let myStartingNumber = $('#input-saveMyCurrentPageCounter').val();
$('#input-myCurrentPageCounter').val(GLOBAL_TOTALPAGESSTOPVALUE);
myNumber = myStartingNumber-GLOBAL_TOTALPAGESSTOPVALUE;
if ( myNumber < 1 ) {
myNumber = 0;
}
$('#input-saveMyCurrentPageCounter').val(myNumber);
}
for (let i = 0; i < myLoop; i++) {
// Increase the number
myNumber = parseInt(myNumber) + 1;
i_am_button_number++;
// if ( myNumber < GLOBAL_TOTALPAGESSTOPVALUE ) {
// i_am_a_zero = '';
// } else {
// i_am_a_zero = '';
// }
// Add 0 in front of the number if lesser than 10
// This is get a "calm" screen
if ( myNumber < 10 ) {
i_am_a_zero = '0';
} else {
i_am_a_zero = '';
}
var selectButtonLineID = 'select-page-button-id-' + myNumber;
//console.log('myNumber: ' + myNumber + ' ' + myTotalPages + ' ' + selectButtonLineID);
// Make sure we do not get page buttons beyond last page
if ( parseInt(myNumber) <= myTotalPages ) {
HTMLPaginationButtons += '<span type="button" data-button-number="' + i_am_button_number + '" class="badge badge-dark p-2 mr-1 mb-1 pagination-badge-class" style="cursor:default" id="' + selectButtonLineID + '"' + 'onclick="getDataPrompter(\'' + '' + '\',\'' + myNumber + '\',\'' + i_am_button_number + '\')">'
+ i_am_a_zero + myNumber
+ '</span>'
}
}
// Create "first" button
HTMLPaginationButtons += '<span type="button" id="page-first-button" class="badge badge-dark p-2 mr-1 mb-1" style="cursor:default" id="' + selectButtonLineID + '"' + 'onclick="firstPage(\'' + '' + '\',\'' + '0' + '\',\'' + '0' + '\')">'
+ '<?php echo $datahub_text0080 ?>'
+ '</span>'
// Create "last" button
HTMLPaginationButtons += '<span type="button" id="page-last-button" class="badge badge-dark p-2 mr-1 mb-1" style="cursor:default" id="' + selectButtonLineID + '"' + 'onclick="lastPage(\'' + '' + '\',\'' + myTotalPages + '\')">'
+ '<?php echo $datahub_text0081 ?>'
+ '</span>'
// Show pagination buttons
$('#data-result-pagination-button').html(HTMLPaginationButtons);
}
//=============================================================================
// Show #next" prodid
//=============================================================================
function showNextProdID()
{
// Set that the next prodid are to be shown
if ( $('#input-show-next-prodid').val() == 'Y' ) {
$('#input-show-next-prodid').val('N');
$('#show-from-next-prodid-to-enter-the-line').removeClass('btn-success').addClass('btn-dark').html('<?php echo $datahub_button_show_next_prodid_01 ?>');
} else {
$('#input-show-next-prodid').val('Y');
$('#show-from-next-prodid-to-enter-the-line').removeClass('btn-dark').addClass('btn-success').html('<?php echo $datahub_button_show_next_prodid_02 ?>');
}
// Get line
var input_lilin = $('#input-search-line').val();
// Create ID for line button and click it...
var myButtonID = 'select-button-line-id-' + input_lilin;
// Get me some good ol' data
$('#' + myButtonID ).click();
}
//=============================================================================
// Get data - search
//=============================================================================
function searchPage( input_lilin, input_goto, input_button_number, input_totalPages )
{
if ( input_totalPages > 0 ) {
$('#input-myTotalPages').val( input_totalPages );
}
$('#input-myBuildPageButtonsFirstTime').val('N');
getDataPrompter( input_lilin, input_goto, input_button_number )
createPaginationButtons();
$('#page-prev-button').addClass('d-none');
$('#input-saveMyCurrentPageCounter').val( 1 );
}
//=============================================================================
// Get data - first page
//=============================================================================
function firstPage( input_lilin, input_goto, input_button_number, input_totalPages )
{
if ( input_totalPages > 0 ) {
$('#input-myTotalPages').val( input_totalPages );
}
$('#input-myBuildPageButtonsFirstTime').val('N');
getDataPrompter( input_lilin, input_goto, input_button_number )
createPaginationButtons();
$('#page-prev-button').addClass('d-none');
$('#input-saveMyCurrentPageCounter').val( 1 );
$('#input-search-wc').val('');
}
//=============================================================================
// Get data - last page
//=============================================================================
function lastPage( input_lilin, input_goto, input_button_number, input_totalPages )
{
var myTotalPages = $('#input-myTotalPages').val();
var input_lilin = '';
var input_totalPages = myTotalPages;
var input_goto = myTotalPages;
//console.log('Last page: ' + input_goto + ' ' + GLOBAL_TOTALPAGESSTOPVALUE + ' ' + almostLastPage );
$('#page-prev-button').removeClass('d-none');
$('#page-next-button').addClass('d-none');
var almostLastPage = parseInt(input_totalPages) - parseInt(GLOBAL_TOTALPAGESSTOPVALUE );
input_lilin = '';
input_goto = almostLastPage;
input_button_number = 1;
$('#input-myCurrentPageCounter').val( GLOBAL_TOTALPAGESSTOPVALUE );
$('#input-myPageGoTo').val( almostLastPage );
$('#input-saveMyCurrentPageCounter').val( almostLastPage );
$('#input-saveMyDirection').val('');
// Mark last page
createPaginationButtons();
// Set some fields just in case...
$('#select-page-button-id-' + myTotalPages ).addClass('badge-success').removeClass('badge-dark');
$('#input-myCurrentPageCounter').val( GLOBAL_TOTALPAGESSTOPVALUE );
$('#input-myPageGoTo').val( almostLastPage );
$('#input-saveMyCurrentPageCounter').val( almostLastPage );
// Get data
$('#select-page-button-id-' + input_totalPages ).click();
// Hide next button
$('#page-next-button').addClass('d-none');
}
//=============================================================================
// Reason addd
//=============================================================================
function dataAdd ( input_pk_type )
{
$('#input-mode').val('*add');
$('#modal-input-ACTIV').val('1');
$('#modal-input-CMPNO').val('');
$('#modal-input-LILIN').val('');
$('#modal-input-WXPID').val('');
$('#modal-input-WXREC').val('1');
$('#modal-input-WXDTE').val('');
$('#modal-input-WXMOD').val('');
$('#modal-input-WXMNR').val('');
$('#modal-input-WXBTC').val('');
$('#modal-input-WXBTC').val('');
$('#modal-input-WXGRP').val('');
$('#modal-input-WXPNC').val('');
$('#modal-input-WXPRT').val('N');
$('#modal-input-WXPIR').val('');
$('#modal-input-WXPDT').val('');
$('#modal-input-WXPTI').val('');
$('#modal-input-WXSER').val('');
$('#modal-input-WXPIG').val('');
$('#modal-input-WXSTS').val('');
$('#modal-input-WXEXD').val('');
$('#modal-input-WXEXT').val('');
// Reset save field(s)
save_LILIN = '';
save_WXPID = '';
// Set active - default YES
$('#button-deleted-yes').removeClass('btn-primary').addClass('btn-success');
$('#button-deleted-no').removeClass('btn-danger').addClass('btn-primary');
// Reset modal message
resetModalMessage();
// Remove key fields readonly
$('#modal-input-LILIN').removeAttr('readonly','readonly');
$('#modal-input-WXPID').removeAttr('readonly','readonly');
$('#data-result-button-lines-modal').removeClass('d-none');
// Show modal
$('#wa0359_MaintainModal').modal('show');
$('#wa0359_MaintainModal').on('shown.bs.modal', function () {
//$('#modal-input-LILIN').trigger('focus');
$('#modal-input-LILIN').trigger('focus');
})
}
//=============================================================================
// Reason change
//=============================================================================
function dataChange( input_LILIN, input_WXPID )
{
$('#input-mode').val('*update');
// Find the correct data
$.each( jsonDataSave.detail, function( index, object ){
// Get the key
var WXPID = object.WXPID;
var LILIN = object.LILIN;
// Data found
if ( input_LILIN == LILIN && input_WXPID == WXPID )
{
// Save in fields
var ACTIV = object.ACTIV;
var WXPID = object.WXPID;
var LILIN = object.LILIN;
var CMPNO = object.CMPNO;
var LILIN = object.LILIN;
var WXPID = object.WXPID;
var WXREC = object.WXREC;
var WXDTE = object.WXDTE;
var WXMOD = object.WXMOD;
var WXMNR = object.WXMNR;
var WXBTC = object.WXBTC;
var WXBTC = object.WXBTC;
var WXGRP = object.WXGRP;
var WXPNC = object.WXPNC;
var WXPRT = object.WXPRT;
var WXPIR = object.WXPIR;
var WXPDT = object.WXPDT;
var WXPTI = object.WXPTI;
var WXSER = object.WXSER;
var WXPIG = object.WXPIG;
var WXSTS = object.WXSTS;
var WXEXD = object.WXEXD;
var WXEXT = object.WXEXT;
// Move to input fields
$('#modal-input-ACTIV').val(ACTIV);
$('#modal-input-CMPNO').val(CMPNO);
$('#modal-input-LILIN').val(LILIN);
$('#modal-input-WXPID').val(WXPID);
$('#modal-input-WXREC').val(WXREC);
$('#modal-input-WXDTE').val(WXDTE);
$('#modal-input-WXMOD').val(WXMOD);
$('#modal-input-WXMNR').val(WXMNR);
$('#modal-input-WXBTC').val(WXBTC);
$('#modal-input-WXBTC').val(WXBTC);
$('#modal-input-WXGRP').val(WXGRP);
$('#modal-input-WXPNC').val(WXPNC);
$('#modal-input-WXPRT').val(WXPRT);
$('#modal-input-WXPIR').val(WXPIR);
$('#modal-input-WXPDT').val(WXPDT);
$('#modal-input-WXPTI').val(WXPTI);
$('#modal-input-WXSER').val(WXSER);
$('#modal-input-WXPIG').val(WXPIG);
$('#modal-input-WXSTS').val(WXSTS);
$('#modal-input-WXEXD').val(WXEXD);
$('#modal-input-WXEXT').val(WXEXT);
// Format PRODID
let WXPID_pretty = formatPRODID( WXPID );
$('#modal-input-WXPID-pretty').val(WXPID_pretty);
if ( WXPRT == '' ) {
WXPRT = 'N';
$('#modal-input-WXPRT').val(WXPRT);
}
// Save orginal department code
save_LILIN = LILIN;
save_WXPID = WXPID;
setWXPRT_button( WXPRT );
// Check active code
if ( ACTIV != '1' && ACTIV != '0' ) {
ACTIV = '1';
}
$('#modal-input-ACTIV').val( ACTIV );
// Set active - default YES
$('#button-deleted-yes').removeClass('btn-success btn-danger btn-primary d-none');
if ( ACTIV == '1' ) {
$('#button-deleted-yes').addClass('btn-success');
$('#button-deleted-no').addClass('d-none');
} else {
$('#button-deleted-no').addClass('btn-danger');
$('#button-deleted-yes').addClass('d-none');
}
// Make key fields readonly
$('#modal-input-LILIN').attr('readonly','readonly');
$('#modal-input-WXPID').attr('readonly','readonly');
$('#data-result-button-lines-modal').addClass('d-none');
$('.read-only-class').attr('readonly','readonly');
}
})
// Reset modal message
resetModalMessage();
// Show modal
$('#wa0359_MaintainModal').modal('show');
$('#wa0359_MaintainModal').on('shown.bs.modal', function () {
//$('#modal-input-WXDTE').trigger('focus');
myWXPRT = myGlobalRowData[7];
setWXPRT_button( myWXPRT );
})
}
//=============================================================================
// Delete confirm
//=============================================================================
function dataDeleteConfirm( input_LILIN, input_WXPID, input_WXDTE )
{
$('#input-mode').val('*delete');
$('#confirm-delete-LILIN').val(input_LILIN);
$('#confirm-delete-WXPID').val(input_WXPID);
// Create confirm text
$('#confirm-delete-text-WXPID').html(input_WXPID + ' - ' + input_WXDTE);
// Find the correct data
$.each( jsonDataSave.detail, function( index, object ){
// Get the key
var WXPID = object.WXPID;
var LILIN = object.LILIN;
// Data found
if ( input_LILIN == LILIN && input_WXPID == WXPID )
{
$('#wa0359_confirmDeleteModal').modal('show');
}
})
}
//=============================================================================
// Toggle Delete Reason
//=============================================================================
function toggleDelete()
{
$('#icon-modal-input-active').removeClass('text-success text-danger');
var active = $('#modal-input-active').val();
// active?
if ( active == '1' ) {
$('#modal-input-active').val( '0' );
$('#icon-modal-input-active').html('<i class="far fa-2x fa-check-square"></i>').addClass('text-danger');
} else {
$('#modal-input-active').val( '1' );
$('#icon-modal-input-active').html('<i class="far fa-2x fa-square"></i>');
}
}
//=============================================================================
// Save
//=============================================================================
function dataSave()
{
// Reset modal message
resetModalMessage();
// Check content of fields
if ( $('#modal-input-WXPID').val() == '' ) {
$('#modal-message').addClass('border-bottom').html( '<?php echo $datahub_error0023 ?>' );
$('#modal-save-button').addClass('disabled').prop("disabled", true);
$('#modal-input-WXPID').focus();
return false;
}
if ( $('#modal-input-LILIN').val() == '' ) {
$('#modal-message').addClass(' border-bottom').html( '<?php echo $datahub_error0006 ?>' );
$('#modal-save-button').addClass('disabled').prop("disabled", true);
$('#modal-input-LILIN').focus();
return false;
}
if ( $('#modal-input-WXDTE').val() == '' ) {
$('#modal-message').addClass(' border-bottom').html( '<?php echo $datahub_error0019 ?>' );
$('#modal-save-button').addClass('disabled').prop("disabled", true);
$('#modal-input-WXDTE').focus();
return false;
}
var mode = $('#input-mode').val();
//===============================================================================
// Remove # if any
//===============================================================================
// Setup remove string
let mySaveString;
var myWorkField = $('#modal-input-LILIN').val();
mySaveString = myWorkField;
myWorkField = cleanInputString( myWorkField );
$('#modal-input-LILIN').val( myWorkField );
var myWorkField = $('#modal-input-WXPID').val();
myWorkField = myWorkField.replace("#", "");
$('#modal-input-WXPID').val( myWorkField );
var myWorkField = $('#modal-input-WXPNC').val();
myWorkField = myWorkField.replace("#", "");
$('#modal-input-WXPNC').val( myWorkField );
var myWorkField = $('#modal-input-WXDTE').val();
myWorkField = myWorkField.replace("#", "");
$('#modal-input-WXDTE').val( myWorkField );
var myWorkField = $('#modal-input-WXPIR').val();
myWorkField = myWorkField.replace("#", "");
$('#modal-input-WXPIR').val( myWorkField );
var myWorkField = $('#modal-input-WXPDT').val();
myWorkField = myWorkField.replace("#", "");
$('#modal-input-WXPDT').val( myWorkField );
var myWorkField = $('#modal-input-WXPTI').val();
myWorkField = myWorkField.replace("#", "");
$('#modal-input-WXPTI').val( myWorkField );
var myWorkField = $('#modal-input-WXSER').val();
myWorkField = myWorkField.replace("#", "");
$('#modal-input-WXSER').val( myWorkField );
var myWorkField = $('#modal-input-WXPIG').val();
myWorkField = myWorkField.replace("#", "");
$('#modal-input-WXPIG').val( myWorkField );
//===============================================================================
// Make array and json
var myData = $('#dataForm').find('input, select').serializeArray();
var result = JSON.stringify(myData);
// console.log(result);
// console.log(myData);
// return;
var parmData = 'data=' + result
+ '&mode=' + mode
;
$.ajax({
url: "hub_wa0359_maintain_save.php",
type: "POST",
data: parmData,
dataType: "json",
cache: false,
})
.done(function( jsonData ) {
//=================================================================
// START - Update the table without doing a server reload
//=================================================================
event.preventDefault();
// Get some input data from the modal window
// var modal_input_WXREC = $('#modal-input-WXREC').val();
// var modal_input_LILIN = $('#modal-input-LILIN').val();
// var modal_input_WXPID_pretty = $('#modal-input-WXPID-pretty').val();
// var modal_input_WXPDT = $('#modal-input-WXPDT').val();
var modal_input_WXPRT = $('#modal-input-WXPRT').val();
// Debug
// console.log(myGlobalRowData[5]);
// console.log(myGlobalRowData[6]);
// console.log(myCurrentRow);
// console.log(myGlobalTableData);
// Get the data for the "Change/Delete button", so we do not need to create it again
myChangeButtonData = myGlobalRowData[5];
myDeleteButtonData = myGlobalRowData[6];
// Set the "look" for the fields to update
if ( modal_input_WXPRT == 'Y' ) {
var WXPRT_text = '<div class="text-success font-weight-bold"><?php echo $datahub_YES ?></div>';
} else {
var WXPRT_text = '<div class="text-primary font-weight-bold"><?php echo $datahub_NO ?></div>';
}
//==============================================
// Use this if you want to update the whole row
//==============================================
// myGlobalTableData.row(myCurrentRow).myGlobalRowData([ modal_input_WXREC,
// modal_input_LILIN,
// modal_input_WXPID_pretty,
// modal_input_WXPDT,
// WXPRT_text,
// myChangeButtonData,
// myDeleteButtonData
// ])
// .draw(false)
// ;
//=======================================================
// Use this if you want to update one or more table cells
//=======================================================
myGlobalTableData.cell(myCurrentRow, 4).data( WXPRT_text )
myGlobalTableData.cell(myCurrentRow, 7).data( modal_input_WXPRT )
//table.cell(myCurrentRow, 1).data( myGlobalRowData[5] )
.draw(false);
//=================================================================
// END - Update the table without doing a server reload
//=================================================================
//=================================================================
// Close the modal
//=================================================================
$('#wa0359_MaintainModal').modal('hide');
//=================================================================
// Remove this if you want to reload the table from the server
//=================================================================
// getDataPrompter('','0','');
})
.always(function( jsonData ) {
})
.fail(function( xhr, ajaxOptions, thrownError ) {
console.log('I am failed..');
console.log( xhr );
});
}
//=============================================================================
// Delete
//=============================================================================
function dataDeleteExec()
{
// Reset modal message
resetModalMessage();
var mode = $('#input-mode').val();
// Make array and json
var myData = $('#dataForm-delete').find('input, select').serializeArray();
var result = JSON.stringify(myData);
// console.log(result);
// console.log(myData);
//return;
var parmData = 'data=' + result
+ '&mode=' + mode
;
$.ajax({
url: "hub_wa0359_maintain_save.php",
type: "POST",
data: parmData,
dataType: "json",
cache: false,
})
.done(function( jsonData ) {
$('#wa0359_confirmDeleteModal').modal('hide');
getDataPrompter('','0','');
})
.always(function( jsonData ) {
})
.fail(function( xhr, ajaxOptions, thrownError ) {
console.log('I am failed..');
console.log( xhr );
});
}
//=============================================================================
// Check if userid exists
//=============================================================================
function checkDataExists()
{
}
//=============================================================================
// Set Active Button (Yes/No)
//=============================================================================
function setActiveButton( activeMode )
{
if ( activeMode == '1' ) {
$('#button-deleted-yes').removeClass('btn-primary').addClass('btn-success');
$('#button-deleted-no').removeClass('btn-success').addClass('btn-primary');
} else {
$('#button-deleted-yes').removeClass('btn-success').addClass('btn-primary');
$('#button-deleted-no').removeClass('btn-primary').addClass('btn-success');
}
$('#modal-input-ACTIV').val(activeMode );
}
//=============================================================================
// Set example data
//=============================================================================
function setExampleData( )
{
}
//=============================================================================
// Set bold Y/N
//=============================================================================
function setBoldMode( boldMode )
{
}
//=============================================================================
// Set PNC text
//=============================================================================
function setPNCtest()
{
}
//=============================================================================
// Set action for this PNC
//=============================================================================
function setActionPNC( actionValue, actionButton_ID1, actionButton_ID2)
{
}
//=============================================================================
// Set background type mode
//=============================================================================
function setBackGroundMode( bgTpMode )
{
}
//=============================================================================
// Show deleted
//=============================================================================
function showDeleted()
{
var show_deleted = $('#input-show-deleted').val();
if ( show_deleted == 'Y' ) {
$('#button-show-deleted').html('<?php echo $datahub_NO ?>');
$('#input-show-deleted').val('N');
} else {
$('#button-show-deleted').html('<?php echo $datahub_YES ?>');
$('#input-show-deleted').val('Y');
}
getDataPrompter('','0','');
}
//=============================================================================
// Log off
//=============================================================================
function signoff()
{
window.location.href = "logout.php";
}
//=============================================================================
// Load page
//=============================================================================
function loadPage(url, p1, p2, p3)
{
window.location.href = url;
}
//=============================================================================
// Reset modal message
//=============================================================================
function resetModalMessage() {
// Reset
//$('#modal-message').removeClass('p-2 font-weight-bold border border-danger rounded bg-light').html( ' ' );
$('#modal-message').removeClass('border-bottom').html( ' ' );
$('#modal-save-button').removeClass('disabled').prop("disabled", false);
}
//=============================================================================
// Set hidden input colors
//=============================================================================
function setInputColorsToHiddenControlFields( myID, myColor )
{
}
//=============================================================================
// Clean input string
//=============================================================================
function cleanInputString( myWorkField )
{
let charactersToRemove = '?#"\'';
let myPattern = new RegExp('[' + charactersToRemove + ']', 'g');
myWorkField = myWorkField.replace(myPattern,'');
return myWorkField;
}
//=============================================================================
// Show MOA style example
//=============================================================================
function showMOAstyleExample()
{
}
//=============================================================================
// Set RES3A button - Show location on takt/moa list
//=============================================================================
function setRES3AButton( activeMode )
{
}
//=============================================================================
// Set RES2A button - Use full screen
//=============================================================================
function setRES2AButton( activeMode )
{
}
//=============================================================================
// Select line modal
//=============================================================================
function selectLineModal( inputLine )
{
$('#modal-input-LILIN').val( inputLine );
var selectButtonLineID = 'select-button-line-id-modal-' + inputLine;
$('.select-button-line-modal').removeClass('btn-success').addClass('btn-primary');
$('#' + selectButtonLineID).removeClass('btn-primary').addClass('btn-success');
resetModalMessage();
}
//=============================================================================
// Select work center
//=============================================================================
function selectWorkCenter( inputWC )
{
$('#input-search-wc').val( inputWC );
$('.workcenter-class').removeClass('btn-success').addClass('btn-primary');
$('#' + inputWC).removeClass('btn-primary').addClass('btn-success');
}
//=============================================================================
// Reset line modal
//=============================================================================
function resetLineModal()
{
resetModalMessage()
let inputLine = $('#modal-input-LILIN').val();
if ( inputLine == '' ) {
$('.select-button-line-modal').removeClass('btn-success').addClass('btn-primary');
}
}
//=============================================================================
// Set action type
//=============================================================================
function setActionType( inputType )
{
}
//=============================================================================
// Open previewer
//=============================================================================
function preViewElement( myElement )
{
let h = $(window).height();
let w = $(window).width();
console.log('h: ' + h + ' -- ' + 'w: ' + w);
h = h * 0.75;
console.log('h: ' + h + ' -- ' + 'w: ' + w);
// Create ID
let myID = '#' + myElement;
let myURL = $( myID ).val();
let myIFRAME = '<iframe style="height:' + h + 'px;width:100%;" src=' + myURL +'></iframe>';
// Set iframe
$('#modal-preview-iframe').html( myIFRAME );
// Show modal
$('#wa0359_previewModal').modal('show');
}
//=============================================================================
// Format prodid
//=============================================================================
function formatPRODID( input_PRODID )
{
// Ensure the input is a string
let str = input_PRODID.toString();
// Insert hyphens at specific positions
let formattedStr = str.slice(0, 5) + '-' + str.slice(5, 15) + '-' + str.slice(15);
return formattedStr;
}
//=============================================================================
// Set WXPRT button
//=============================================================================
function setWXPRT_button( activeMode )
{
if ( activeMode == 'Y' ) {
$('#button-WXPRT-yes').removeClass('btn-primary').addClass('btn-success');
$('#button-WXPRT-no').removeClass('btn-success').addClass('btn-primary');
} else {
$('#button-WXPRT-yes').removeClass('btn-success').addClass('btn-primary');
$('#button-WXPRT-no').removeClass('btn-primary').addClass('btn-success');
}
$('#modal-input-WXPRT').val(activeMode );
}
//=============================================================================
// Show PRODID flow
//=============================================================================
function showProIDFlow( myLILIN, myPID )
{
var url = 'hub_wa0358_maintain.php'
+ '?lilin=' + myLILIN
+ '&prodid=' + myPID
+ '&prodid=' + myPID
+ '&called_from=' + 'pgm'
;
popUpCenter(url,'','','');
}
//=============================================================================
// Show MOA lists for PRODID
//=============================================================================
function showMOAlist( myLILIN, myMOA, myPID )
{
// myLILIN = '';
// myMOA = '';
// myPID = '';
myLILIN = $('#input-search-line').val();
myMOA = $('#input-search-wc').val();
var icon_id_moa = 'moa-icon-' + myPID;
if ( myMOA == '' ) {
$('#workcenter-message').addClass('text-danger font-weight-bold');
$('#data-result-workcenters').removeClass('border-primary').addClass('border-danger');
$('.moa-list-icon-class').removeClass('click-highlight-moa');
$('#' + icon_id_moa).addClass('click-error-moa');
scrollToSomething('card-body-id');
return false;
} else {
$('#workcenter-message').removeClass('text-danger font-weight-bold');
$('#data-result-workcenters').removeClass('border-danger').addClass('border-primary');
$('#' + icon_id_moa).removeClass('click-error-moa');
}
var url = 'hub_wa0360_maintain.php'
+ '?wzlin=' + myLILIN
+ '&wzmoa=' + myMOA
+ '&wzpid=' + myPID
;
popUpCenter(url,'','','');
}
//=============================================================================
// Full screen popup
//=============================================================================
function popUpFull( url, p1, p2, p3 )
{
var winname = 'win_' + url;
params = 'width='+screen.width;
params += ', height='+screen.height;
params += ', top=0, left=0'
params += ', fullscreen=yes';
params += ',scrollbars=1';
overview_win = window.open(url,winname, params);
if (window.focus) {overview_win.focus()}
return false;
}
//=============================================================================
// screen popup - center
//=============================================================================
function popUpCenter(url, p1, p2, p3)
{
var v1_w = screen.availWidth;
var v1_h = screen.availHeight;
if ( parseInt(v1_w) > 1800 ) {
v1_w = 1800;
v1_h = v1_h - 200;
v1_center = v1_w/0.8;
}
// Center popup as good as possible
var left = (screen.width - v1_w) / 2;
var top = (screen.height - v1_h) / 4;
var winname = 'win_' + url;
params = 'width='+v1_w;
params += ', height='+v1_h;
params += ', top=' + top + ', left=' + left;
params += ', fullscreen=yes';
params += ',scrollbars=1';
overview_win = window.open(url,winname, params);
if (window.focus) {overview_win.focus()}
return false;
}
//=============================================================================
// screen popup - center - bigger
//=============================================================================
function popUpCenterBig(url, p1, p2, p3)
{
var v1_w = screen.availWidth;
var v1_h = screen.availHeight;
// Get 25%
v1_w_pct = v1_w * 0.25;
v1_w_new = v1_w - v1_w_pct;
if ( v1_w_new < 1 ) {
v1_w_new = 1800;
}
v1_w = v1_w_new;
v1_h = v1_h - 200;
v1_center = v1_w/0.8;
// Center popup as good as possible
var left = (screen.width - v1_w) / 2;
var top = (screen.height - v1_h) / 4;
var winname = 'win_' + url;
params = 'width='+v1_w;
params += ', height='+v1_h;
params += ', top=' + top + ', left=' + left;
params += ', fullscreen=yes';
params += ',scrollbars=1';
overview_win = window.open(url,winname, params);
if (window.focus) {overview_win.focus()}
return false;
}
//=============================================================================
// Popup top
//=============================================================================
function popUpTop(url, p1, p2, p3)
{
var winname = 'win_' + url;
w = 650;
h = 750;
params = 'width='+w;
params += ', height='+h;
params += ', top=0, left=0'
params += ', fullscreen=no';
params += ',scrollbars=1';
overview_win = window.open(url,winname, params);
if (window.focus) {overview_win.focus()}
return false;
}
//=============================================================================
// Scroll to something
//=============================================================================
function scrollToSomething( target )
{
thisID = '#' + target;
$.scrollTo( thisID, 1000);
}
//=============================================================================
// Show all MOA stations
//=============================================================================
function highlightMOAicons()
{
if ( $('#workcenter-message-help-icon').hasClass('click-highlight-moa-icon') ) {
$('.moa-list-icon-class').removeClass('click-highlight-moa');
$('#workcenter-message-help-icon').removeClass('click-highlight-moa-icon').addClass('text-dark');
} else {
$('.moa-list-icon-class').addClass('click-highlight-moa');
$('#workcenter-message-help-icon').addClass('click-highlight-moa-icon').removeClass('text-dark');
}
}
//=============================================================================
// Bootstrap modal - bs events
//=============================================================================
function bootstrapEvents() {
$('#wa0359_InitModal').one('hidden.bs.modal', function () {
//$('#modal-input-LILIN').trigger('focus');
})
$('#wa0359_InitModal').one('hide.bs.modal', function () {
//$('#modal-input-LILIN').trigger('focus');
})
}
//=============================================================================
// Set clock
//=============================================================================
function updateClock() {
var currentTime = moment().format('YYYY-MM-DD HH:mm:ss');
currentTime = REEFT_format_date( currentTime, DFT_DATE_DISPLAY_FORMAT )
$('#current-time').html( currentTime );
}
//=============================================================================
// jQuery - Ready
//=============================================================================
$(document).ready(function()
{
// Do not show deleted
$('#input-show-deleted').val('Y');
$('#input-myBuildPageButtonsFirstTime').val('N');
$('#input-myPageGoTo').val( 1 );
$('#input-myCurrentPageCounter').val( 0 );
$('#page-prv-button').addClass('d-none');
$('#page-next-button').addClass('d-none');
// Get data
getDataPrompter('<?php echo $input_lilin ?>','0','');
//-----------------------------------------------------------------------
// Start the clock
//-----------------------------------------------------------------------
updateClock();
setInterval(function() {
updateClock();
}, 1000);
//-----------------------------------------------------------------------
//-----------------------------------------------------------------------
// Set font awesome icon type
//-----------------------------------------------------------------------
// Value is from config/config.php
var iconType = '<?php echo $DFT_SET_FONT_AWESOME_ICON_TYPE ?>';
setFontAwesomeIconType( iconType );
//-----------------------------------------------------------------------
//-----------------------------------------------------------------------
// Delay keyup checker
//-----------------------------------------------------------------------
var delay = (function () {
var timer = 0;
return function (callback, ms) {
clearTimeout(timer);
timer = setTimeout(callback, ms);
};
})()
let $filter01 = $('#modal-input-WXPID');
$filter01.on('keyup', function () {
delay(function () {
var inputValue = $('#modal-input-WXPID').val();
if ( inputValue != '') {
console.log('this will hit, once user has not typed for 1 second ' + inputValue );
checkDataExists();
}
}, 0800);
});
//-----------------------------------------------------------------------
// Set short cuts
//-----------------------------------------------------------------------
// If add d-none class, do not add shortcut
if ( GLOBAL_ADD_ALLOWED == 'Y' ) {
shortcut.add("Alt+F6",function() {
$('#add-button').click();
});
}
//=========================================================================================================
// Set color picker - TEXT
//
// Create HEX value (https://en.wikipedia.org/wiki/Web_colors)
// var hexValueColor = color.toHexString();
//
// Create RGB (https://en.wikipedia.org/wiki/RGB_color_model)
// hexcolor = hexcolor.replace("#", "");
// var r = parseInt(hexcolor.substr(0,2),16);
// var g = parseInt(hexcolor.substr(2,2),16);
// var b = parseInt(hexcolor.substr(4,2),16);
// var yiq = ((r*299)+(g*587)+(b*114))/1000;
//
//
// Create YIQ (https://en.wikipedia.org/wiki/YIQ)
// if ( yiq >= 128) {
// var textColor = 'black';
// } else {
// var textColor = 'white';
// }
//
// console.log('change: ' + hexcolor + ' ' + hexValueColor + ' ' + yiq + ' ' + r + ' ' + g + ' ' + b );
//
//=========================================================================================================
$(".text-color-palette").spectrum({
showInitial: true,
showInput: true,
chooseText: "Vælg farve",
cancelText: "Annuller",
preferredFormat: "hex",
color: "#000",
showPalette: true,
flat: false,
palette: [
["#000","#444","#666","#999","#ccc","#eee","#f3f3f3","#fff"],
["#f00","#f90","#ff0","#0f0","#0ff","#00f","#90f","#f0f"],
["#f4cccc","#fce5cd","#fff2cc","#d9ead3","#d0e0e3","#cfe2f3","#d9d2e9","#ead1dc"],
["#ea9999","#f9cb9c","#ffe599","#b6d7a8","#a2c4c9","#9fc5e8","#b4a7d6","#d5a6bd"],
["#e06666","#f6b26b","#ffd966","#93c47d","#76a5af","#6fa8dc","#8e7cc3","#c27ba0"],
["#c00","#e69138","#f1c232","#6aa84f","#45818e","#3d85c6","#674ea7","#a64d79"],
["#900","#b45f06","#bf9000","#38761d","#134f5c","#0b5394","#351c75","#741b47"],
["#600","#783f04","#7f6000","#274e13","#0c343d","#073763","#20124d","#4c1130"]
],
// Called as the original input changes. Only happens when the input is closed or the 'Choose' button is clicked.
change: function(color) {
// Get hex color
var hexValueColor = color.toHexString();
setInputColorsToHiddenControlFields( this.id, hexValueColor );
setExampleData();
},
move: function(color) {
// Get hex color
var hexValueColor = color.toHexString();
setInputColorsToHiddenControlFields( this.id, hexValueColor );
setExampleData();
},
show: function(color) {
$('#input-current-color-picker').val( this.id );
// Get hex color
var hexValueColor = color.toHexString();
setInputColorsToHiddenControlFields( this.id, hexValueColor );
setExampleData();
},
hide: function(color) {
// Get hex color
var hexValueColor = color.toHexString();
setInputColorsToHiddenControlFields( this.id, hexValueColor );
setExampleData();
}
});
// Make sure scroll is active when closeing the previevwer
$('#wa0359_previewModal').on("hidden.bs.modal", function (e) { //fire on closing modal box
if ($('.modal:visible').length) { // check whether parent modal is opend after child modal close
$('body').addClass('modal-open'); // if open mean length is 1 then add a bootstrap css class to body of the page
// Remove iframe data...
$('#modal-preview-iframe').html('');
}
});
// Set some Bootstrap events
bootstrapEvents()
});
// -->
</script>
</head>
<body>
<div class="container-fluid mt-2 pl-3 pr-3">
<input type="text" class="d-none" id="input-mode" >
<input type="text" class="d-none" id="input-show-deleted" >
<input type="text" class="d-none" id="input-search-line">
<input type="text" class="d-none" id="input-search-wc">
<input type="text" class="d-none" id="input-show-next-prodid">
<input type="text" class="d-none" id="input-init-screen-shown">
<input type="text" class="d-none" id="input-myPageGoTo">
<input type="text" class="d-none" id="input-myCurrentPageCounter">
<input type="text" class="d-none" id="input-saveMyCurrentPageCounter">
<input type="text" class="d-none" id="input-saveMyDirection">
<input type="text" class="d-none" id="input-myOffSet">
<input type="text" class="d-none" id="input-myTotalRecordsFound">
<input type="text" class="d-none" id="input-myTotalPages">
<input type="text" class="d-none" id="input-myPageSize">
<input type="text" class="d-none" id="input-myBuildPageButtonsFirstTime">
<div class="row">
<div class="col-2">
<img src="images/customer-logo.png" alt="Customer Logo">
</div>
<div class="col-8 text-center <?php echo $DFT_CLOCK_SIZE ?>">
<i class="font-awesome-pseudo-class fa-thin fa-clock"></i> <span id="current-time"><?php echo date('d-m-Y h:i:s') ?></span>
</div>
<div class="col-2 text-right">
<div id="button-exit-button" class="btn btn-primary mb-1" onclick="loadPage('menu_main.php','','','')" title="<?php echo $datahub_go_to_my_dear_home ?>"><i class="font-awesome-pseudo-class fa-2x fa-thin fa-home"></i></div>
<div class="d-none">
<div class="btn btn-primary mb-1 d-none d-xl-inline-block" onclick="loadPage('menu_main.php','','','')" title="<?php echo $datahub_go_to_my_dear_home_03 ?>"><i class="font-awesome-pseudo-class fa-2x fa-thin fa-fort"></i></div>
<div class="btn btn-danger mb-1 d-none d-lg-inline-block" onclick="signoff()" title="<?php echo $datahub_go_to_my_dear_home_04 ?>"><i class="font-awesome-pseudo-class fa-thin fa-2x fa-right-from-bracket"></i></div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 text-center">
<div id="data-hub-company-information"></div>
</div>
</div>
<div class="card mt-2">
<div class="card-header text-muted">
<div class="row mt-2">
<div class="col-4 h4">
<i class="font-awesome-pseudo-class fa-thin fa-fingerprint"></i> <?php echo "$datahub_text0138"; ?>
</div>
<div class="col text-right font-weight-bold">
<button type="button" class="d-none btn btn-dark" id="button-toggle-show-deleted" title="Alt+F2=Toggle" onclick="showDeleted()"><?php echo $datahub_button_show_also_deleted ?> : <span id="button-show-deleted" class="font-weight-bold"><?php echo $datahub_YES ?></span></button>
<div class="row">
<div class="col-10 text-right">
</div>
<div class="col text-right">
<div class="d-none">
<?php echo $datahub_text0059 ?> <span id="text-current-page">...</span> <?php echo $datahub_text0060 ?> <span id="text-total-pages">...</span>
</div>
</div>
</div>
<div class="row">
<div class="col-10 text-right">
</div>
<div class="col text-right">
<?php echo $datahub_text0061 ?> : <span id="text-total-records-found">...</span>
</div>
</div>
</div>
</div>
</div>
<div class="card-body" id="card-body-id">
<!-- Message if screen is not wide enough -->
<div class="container-fluid mt-2 mb-4 d-block d-lg-none">
<div id="general-message-top" class="border border-danger rounded p-2 text-danger font-weight-boldx"><?php echo $datahub_error0040a ?></div>
</div>
<!-- Message if screen is not wide enough -->
<!-- Lines found -->
<div id="data-result-wrapper-0" class="d-none data-result-wrapper-class">
<div class="row mb-4">
<div class="col-10">
<div id="data-result-button-lines"></div>
</div>
<div class="col-2 text-right">
<button class="btn btn-dark d-none" onclick="showNextProdID()" id="show-from-next-prodid-to-enter-the-line"><?php echo $datahub_button_show_next_prodid_01 ?></button>
</div>
</div>
</div>
<!-- Work centers -->
<div id="data-result-wrapper-1" class="d-none data-result-wrapper-class">
<div class="row mb-4">
<div class="col-12">
<div class="border border-primary p-2 rounded" id="data-result-workcenters"></div>
</div>
</div>
</div>
<div class="row mb-4 d-none">
<div class="col-2">
<input class="form-control" type="text" id="input-search-arg" placeholder="Search me...">
</div>
<div class="col-2">
<button type="button" class="brn btn-primary btn-sm mb-1" onclick="searchPage('','0')"><?php echo $datahub_button_search_icon ?></button>
<button type="button" class="brn btn-primary btn-sm mb-1" onclick="getDataPrompter('*RESET','0','')"><?php echo $datahub_button_order_reset01_icon ?></button>
</div>
<div class="col-8 text-right d-none">
<button type="button" class="badge badge-dark p-2" id="page-prev-button" style="cursor:default" onclick="scrollPagePrev('*PREV')"><?php echo $datahub_text0078 ?></button>
<button type="button" class="badge badge-dark p-2" id="page-next-button" style="cursor:default" onclick="scrollPageNext('*NEXT')"><?php echo $datahub_text0079 ?></button>
<span id="data-result-pagination-button"></span>
</div>
</div>
<div id="data-result-wrapper-2" class="d-none data-result-wrapper-class">
<div class="row">
<div class="col">
<div id="data-result"></div>
</div>
</div>
</div>
<div class="row">
<div class="col text-right">
<small><div id="load-time-from-database"></div></small>
</div>
</div>
</div>
</div>
</div>
<!-- Set footer -->
<?php
include "include/footer.php";
?>
<!-- Set footer -->
<!-- ========================================================================== -->
<!-- M O D A L S -->
<!-- ========================================================================== -->
<!-- Modal -->
<div class="modal fade" id="wa0359_MaintainModal" tabindex="-1" data-backdrop="static" role="dialog" aria-labelledby="wa0359_MaintainModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xxl">
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<div class="container-fluid pl-0 pr-0">
<div class="row">
<div class="col">
<h5 class="modal-title" id="wa0359_MaintainModalLabel"><i class="font-awesome-pseudo-class fa-thin fa-store"></i> <?php echo $datahub_text0138 ?></h5>
</div>
<div class="col text-right" style="max-width:20px">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
</div>
</div>
</div>
<div class="modal-body ml-2 mr-2">
<input type="text" class="d-none" id="input-current-color-picker">
<input type="text" class="d-none" id="input-current-text-color">
<input type="text" class="d-none" id="input-current-background-color">
<!-- Message if screen is not wide enough -->
<div class="container-fluid mt-2 mb-4 d-block d-lg-none">
<div id="general-message-top" class="border border-danger rounded p-2 text-danger font-weight-boldx"><?php echo $datahub_error0040a ?></div>
</div>
<!-- Message if screen is not wide enough -->
<div class="row border-bottom border-dark p-1 mb-2 d-none" id="show-example-wrapper" style="height:120px;max-height:120px">
<div class="col-12">
<div class="row">
<div class="col-4">
<div class="font-weight-bold"><?php echo $datahub_text0035 ?></div>
</div>
</div>
<div class="row example-row-mode">
<div class="example-col-WXPID example-col-mode col-4 border border-dark m-1">
<span id="example-WXPID">PNC</span>
</div>
<div class="example-col-WXDTE example-col-mode col-6 border border-dark m-1">
<span id="example-WXDTE">DSC</span>
</div>
<div class="example-col-WXREC example-col-mode col-1 border text-center border-dark m-1">
<span id="example-WXREC">QUA</span>
</div>
</div>
</div>
</div>
<form name="dataForm" id="dataForm">
<!-- Hidden fields start -->
<input type="text" class="d-none" id="modal-input-CMPNO" name="modal-input-CMPNO">
<!-- Hidden fields end -->
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0023 ?>
</div>
<div class="col-1" style="max-width:75px">
<input class="form-control form-inline" style="width:60px" type="text" id="modal-input-LILIN" name="modal-input-LILIN" onkeyup="resetModalMessage(),this.value = this.value.toUpperCase(),resetLineModal();">
</div>
<div class="col-7">
<div id="data-result-button-lines-modal"></div>
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0064?>
</div>
<div class="col-3">
<input class="form-control read-only-class" type="text" onkeyup="resetModalMessage()" id="modal-input-WXPID-pretty">
<input class="form-control read-only-class d-none" type="text" onkeyup="resetModalMessage()" id="modal-input-WXPID" name="modal-input-WXPID">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0057 ?> / <?php echo $datahub_text0058 ?> / <?php echo $datahub_text0038 ?>
</div>
<div class="col-1">
<input class="form-control read-only-class" type="text" id="modal-input-WXMOD" name="modal-input-WXMOD" onkeyup="resetModalMessage()">
</div>
<div class="col-2">
<input class="form-control read-only-class" type="text" id="modal-input-WXMNR" name="modal-input-WXMNR" onkeyup="resetModalMessage()">
</div>
<div class="col-2">
<input class="form-control read-only-class" type="text" id="modal-input-WXPNC" name="modal-input-WXPNC" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0068 ?>
</div>
<div class="col-3">
<button type="button" class="btn btn-primary" onclick="setWXPRT_button('Y')" id="button-WXPRT-yes"><?php echo $datahub_YES ?></button>
<button type="button" class="btn btn-primary" onclick="setWXPRT_button('')" id="button-WXPRT-no"><?php echo $datahub_NO ?></button>
<input class="form-control d-none" type="text" id="modal-input-WXPRT" name="modal-input-WXPRT" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0069 ?> / <?php echo $datahub_text0070 ?>
</div>
<div class="col-2">
<input class="form-control read-only-class" type="text" id="modal-input-WXPDT" name="modal-input-WXPDT" onkeyup="resetModalMessage()">
</div>
<div class="col-2">
<input class="form-control read-only-class" type="text" id="modal-input-WXPTI" name="modal-input-WXPTI" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0065 ?>
</div>
<div class="col-2">
<input class="form-control read-only-class" type="text" id="modal-input-WXDTE" name="modal-input-WXDTE" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0066 ?>
</div>
<div class="col-2">
<input class="form-control read-only-class" type="text" id="modal-input-WXBTC" name="modal-input-WXBTC" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0067 ?>
</div>
<div class="col-2">
<input class="form-control read-only-class" type="text" id="modal-input-WXGRP" name="modal-input-WXGRP" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0071 ?>
</div>
<div class="col-1">
<input class="form-control read-only-class" type="text" id="modal-input-WXSER" name="modal-input-WXSER" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0072 ?> / <?php echo $datahub_text0076 ?>
</div>
<div class="col-1">
<input class="form-control read-only-class" type="text" id="modal-input-WXPIR" name="modal-input-WXPIR" onkeyup="resetModalMessage()">
</div>
<div class="col-1">
<input class="form-control read-only-class" type="text" id="modal-input-WXPIG" name="modal-input-WXPIG" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0073 ?>
</div>
<div class="col-1">
<input class="form-control read-only-class" type="text" id="modal-input-WXSTS" name="modal-input-WXSTS" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0074 ?> / <?php echo $datahub_text0075 ?>
</div>
<div class="col-2">
<input class="form-control read-only-class" type="text" id="modal-input-WXEXD" name="modal-input-WXEXD" onkeyup="resetModalMessage()">
</div>
<div class="col-2">
<input class="form-control read-only-class" type="text" id="modal-input-WXEXT" name="modal-input-WXEXT" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0077 ?>
</div>
<div class="col-1">
<input class="form-control read-only-class" type="text" id="modal-input-WXREC" name="modal-input-WXREC" onkeyup="resetModalMessage(),setPNCtest()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0006 ?>
</div>
<div class="col-6">
<button type="button" class="btn btn-primary" id="button-deleted-yes"><?php echo $datahub_YES ?></button>
<button type="button" class="btn btn-primary" id="button-deleted-no"><?php echo $datahub_NO ?></button>
<input class="d-none form-control" type="text" onkeyup="resetModalMessage()" id="modal-input-ACTIV" name="modal-input-ACTIV">
</div>
</div>
</form>
</div>
<div class="modal-footer-pretty modal-footer">
<div class="container-fluid">
<div class="row">
<div class="col-12 text-left">
<div class="p-1 font-weight-bold text-danger border-top border-dark " id="modal-message"> </div>
</div>
</div>
<div class="row mt-1 mb-2">
<div class="col-3 text-left">
<button type="button" id="modal-save-button" class="btn btn-primary btn-block" onclick="dataSave()"><?php echo $datahub_button_save ?></button>
</div>
<div class="col-6 text-right">
</div>
<div class="col-3 text-right">
<button type="button" class="btn btn-primary btn-block" data-dismiss="modal"><?php echo $datahub_button_cancel ?></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ************************************************ -->
<!-- Confirm delete -->
<!-- ************************************************ -->
<div class="modal fade" id="wa0359_confirmDeleteModal" tabindex="-1" role="dialog" aria-labelledby="wa0359_confirmDeleteModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<h5 class="modal-title" id="wa0359_confirmDeleteModalLabel"><?php echo $datahub_text0063 ?></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form name="dataForm-delete" id="dataForm-delete">
<input type="text" class="d-none" id="confirm-delete-LILIN" name="confirm-delete-LILIN">
<input type="text" class="d-none" id="confirm-delete-WXPID" name="confirm-delete-WXPID">
</form>
<div class="h6"><?php echo $datahub_text0062 ?>: <span class="font-weight-bold" id="confirm-delete-text-WXPID"></span></div>
</div>
<div class="modal-footer">
<div class="container-fluid">
<div class="row mt-1 mb-2">
<div class="col-3 text-left">
<button type="button" onclick="dataDeleteExec()" class="btn btn-primary">Delete</button>
</div>
<div class="col-6 text-right">
</div>
<div class="col-3 text-right">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ************************************************ -->
<!-- Show init screen -->
<!-- ************************************************ -->
<div class="modal fade" id="wa0359_InitModal" tabindex="-1" data-backdrop="static" data-keyboard="false" role="dialog" aria-labelledby="wa0359_InitModallLabel" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<h5 class="modal-title" id="wa0359_InitModalLabel"><?php echo $datahub_text0139 ?></h5>
</div>
<div class="modal-body" style="height:200px">
<div class="container-fluid">
<div class="text-center" id="data-result-button-lines-init-screen"></div>
<div class="row mt-2 mt-5">
<div class="col-4 text-center">
</div>
<div class="col-4 text-center">
<button type="button" onclick="cancelInitScreen()" class="btn btn-lg btn-block btn-primary" >Cancel</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ************************************************ -->
<!-- Preview PDF and likewise -->
<!-- ************************************************ -->
<div class="modal fade" id="wa0359_previewModal" tabindex="-1" role="dialog" aria-labelledby="wa0359_previewModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xxl" role="document">
<div class="modal-content">
<div class="modal-header bg-success text-white">
<h5 class="modal-title" id="wa0359_previewModalLabel">Preview element</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="container-fluid">
<div style="background-color:#ccc" class="border border-primary border-5" id="modal-preview-iframe"></div>
<div class="row mt-2 mb-2">
<div class="col-3 text-left">
</div>
<div class="col-6 text-right">
</div>
<div class="col-3 text-right">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>